<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            font-family: Arial;
        }
        table {
            border: 1px solid black;
        }

        td {
            border: 1px solid black;
            height: 40px;
            width: 100px;
            padding: 5px;
        }

        th {
            border: 1px solid black;
            height: 40px;
            width: 100px;
        }

        tr {
            width: 30px;
        }

        .left {
            text-align: left;
        }

        .right {
            text-align: right;
        }

        .center {
            text-align: center;
        }

        .top {
            vertical-align: top;
        }

        .bottom {
                     vertical-align: bottom;
         }

        .middle {
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <table>
        <thead>
        <tr>
            <th class="middle center" colspan="4">SoftUni LIFE</th>
        </tr>
        </thead>

        <tbody>
        <tr>
            <td class="top left" colspan="2">Google</td>
            <td class="top right" colspan="2">GitHub</td>
        </tr>
        <tr>
            <td class="top center">FB</td>
            <td class="middle left">GMail</td>
            <td class="bottom center">YouTube</td>
            <td class="middle left">2048</td>
        </tr>
        <tr>
            <td class="bottom right">Food</td>
            <td class="bottom left" colspan="2">Game</td>
            <td class="middle center">
                <table>
                    <tr>
                        <td class="middle center">Social Life</td>
                    </tr>
                    <tr>
                        <td class="middle center">Sleep</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="middle right" colspan="3" style="font-weight: bold">Beer &gt;</td>
            <td class="middle left">WC</td>
        </tr>
        </tbody>
    </table>
</body>
</html>